<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>

$(document).ready(function(){
    var url = "https://test2.bridgetree.com/rateboard/ratefeed/?state=NY&callback=?";
    var data_str = null;
    var count = 0;
    $.getJSON(url, function(result){
        data_str = JSON.stringify(result);
        $.each(result.MortgageRates, function() {
            if(this.MortName == "5YR ADJUSTABLE RATE MORTGAGE") {
                //document.write('<h1>'+ this.MortName + '</h1>' + '<br>');
                //document.write('<p>' + this.MortPoints + '</p>' + '<br>');
                count += 1;
                document.getElementById("rateCardHeader"+count).innerHTML = this.MortName + '<br>';
                document.getElementById("mortpoint"+count).innerHTML = this.MortPoints + '<br>';
            }
        })
    });
});

</script>
</head>
<body>

    <h1 id="rateCardHeader1">I'm header.</h1>
    <p id="mortpoint1">I'm content.</p>

    <h1 id="rateCardHeader2">I'm header.</h1>
    <p id="mortpoint2">I'm content.</p>

</body>

</html>